<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!--
Copyright (c) 2007, Husted dot Com, Inc. All rights reserved.
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
-->
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Contacts</title>
        <link href="contact.css" rel="stylesheet" type="text/css" />
        <link href="http://yui.yahooapis.com/2.2.2/build/datatable/assets/datatable.css" rel="stylesheet"  type="text/css" />
        <link href="http://yui.yahooapis.com/2.2.2/build/tabview/assets/tabview.css" rel="stylesheet"  type="text/css" />
        <link href="http://yui.yahooapis.com/2.2.2/build/tabview/assets/border_tabs.css" rel="stylesheet"  type="text/css" />
        <link href="http://yui.yahooapis.com/2.2.2/build/logger/assets/logger.css" rel="stylesheet"  type="text/css" />
        <!-- Patch for IE setAttribute issue [http://delete.me.uk/2004/09/ieproto.html] -->
        <!--[if IE]>
            <script src="http://yazaar.org/2.2.2/extras/ieproto/attributes.js" type="text/javascript"></script>
            <style type="text/css">
                * { behavior: url(http://yazaar.org/2.2.2/extras/ieproto/attributes.htc); }
            </style>
        <![endif]-->

        <script src="http://yui.yahooapis.com/2.2.2/build/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"></script>
        <script src="http://yui.yahooapis.com/2.2.2/build/connection/connection-min.js" type="text/javascript"></script>
        <script src="http://yui.yahooapis.com/2.2.2/build/element/element-beta-min.js" type="text/javascript"></script>

        <script src="http://yui.yahooapis.com/2.2.2/build/container/container-min.js" type="text/javascript"></script>
        <script src="http://yui.yahooapis.com/2.2.2/build/tabview/tabview-min.js" type="text/javascript"></script>
        <script src="http://yui.yahooapis.com/2.2.2/build/datasource/datasource-beta-min.js" type="text/javascript"></script>
        <script src="http://yazaar.org/2.2.2/patched/datatable-beta-debug-patched.js" type="text/javascript"></script>

        <script src="http://yui.yahooapis.com/2.2.2/build/autocomplete/autocomplete-min.js" type="text/javascript"></script>
        <script src="http://yui.yahooapis.com/2.2.2/build/logger/logger-min.js" type="text/javascript"></script>

        <script src="http://www.json.org/json.js" type="text/javascript"></script>
        <script src="http://yazaar.org/2.2.2/extras/crockford/remedial.js" type="text/javascript"></script>

        <script src="http://yazaar.org/2.2.2/dataform/dataform-debug-beta.js" type="text/javascript"></script>
        <script src="http://yazaar.org/2.2.2/extras/jc21/validate-min.js" type="text/javascript"></script>
        <script src="http://yazaar.org/2.2.2/dataform/flevbase-debug-beta.js" type="text/javascript"></script>
        <script src="http://yazaar.org/2.2.2/extras/dpu/RowFilterDataTable.js" type="text/javascript"></script>
        <script src="http://yazaar.org/2.2.2/extras/dpu/RowFilter.js" type="text/javascript"></script>

        <script src="my.js" type="text/javascript"></script>
        <script src="contact.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="elBody" class="bd">
            <div id="elTabView" class="yui-navset">
                <ul class="yui-nav">
                    <li class="selected"><a href="#list"><em>List Entries</em></a></li>
                    <li><a href="#edit"><em>Edit Entry</em></a></li>
                </ul>
                <div class="yui-content">
                    <div id="elList">
                        <div id="elDataList" class="dpu-dt"></div>
                        <div id="elListFilter" class="filter">
                            <label for="elListForm_item">Filter Entries by:</label>
                            <select id="elListForm_item" onchange="_Self.onFilterChange()">
                                <option value="last_name" selected="selected">Last Name</option>
                                <option value="first_name">First Name</option>
                                <option value="username">Username</option>
                            </select>
                            <div id="elListForm" class="filterForm">
                                <p>
                                    <input class="filterInput" id="elListForm_input" />
                                </p>
                                <div class="filterMatch" id="elListForm_match"></div>
                            </div>
                        </div>
                    </div>
                    <div id="elEdit">
                        <div id="elDataEdit"></div>
                    </div>
                </div>
            </div>
        </div>
        <div id="elScript" class="js">
            <script type="text/javascript">
                var fnReady = function() {
                    YAHOO.widget.Logger = my.oLogger;
                    var oView = new MY.View("elBody","Contacts");
                    _Self = new MY.Contact(); // Convenience "global" for this page.
                    oView.oContent = _Self;
                    my.oEvent.subscribe("contactLoad", _Self.load, _Self);
//					my.asyncRequest("contact-load.do", my.oEvent.onContactLoadReturn);
                    my.oEvent.onContactLoadReturn(_Self.LOCAL_DATA); // static data                    
                };
                YAHOO.util.Event.onContentReady("elBody",fnReady);
            </script>
        </div>
    </body>
</html>
